<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商机数据指标</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css"/>
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/opportunityManager/user/opportunityData.css"/>
    <link rel="stylesheet" href="/css/statisticsManager/common.css"/>
</head>
<body>
<div class="container-fluid customer-page">
    <div class="card">
        <div class="card-header">
            <h1>商机数据指标</h1>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="z-index: 99;padding-left: 0;">
                        <div class="timeList pull-left">
                            <div class="time-search">
                                <input type="hidden" id="clientDataType" name="clientDataType" value="all"/>
                                <div class="all active-second" onclick="clientSelectTime('all')">全部</div>
                                <div class="topMonth" onclick="clientSelectTime('topMonth')">上月</div>
                                <div class="month" onclick="clientSelectTime('month')">本月</div>
                                <div class="week" onclick="clientSelectTime('week')">本周</div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="form-group col-lg-7 col-md-7 col-sm-7 col-xs-12">
                    <div class="analy-entire" style="height: 450px">
                        <div class="customer-rate"><p>商机数据表</p> </div>
                        <div style="width: 100%;height: 350px;" id="businessChart"></div>
                    </div>

                </div>

                <div class="form-group col-lg-5 col-md-5 col-sm-5 col-xs-12">
                    <div class="analy-entire" style="height: 450px">
                        <div class="customer-rate-center"><p>商机数据总览</p> </div>
                        <ul id="businessMessList">
                            <li>
                                <span></span>
                                <span>上月</span>
                                <span>本周</span>
                                <span>本月</span>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="form-group  col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 20px">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="z-index: 99;margin-top: 15px;padding-left: 0;">
                        <div class="timeList pull-left">
                            <div class="time-search">
                                <input type="hidden" id="percentDataType" name="percentDataType" value="all"/>
                                <div class="percentAll active-second" onclick="percentageSelectTime('all')">全部</div>
                                <div class="percentTopMonth" onclick="percentageSelectTime('topMonth')">上月</div>
                                <div class="percentMonth" onclick="percentageSelectTime('month')">本月</div>
                                <div class="percentWeek" onclick="percentageSelectTime('week')">本周</div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="analy-entire" style="height: 360px">
                        <div class="customer-rate-center"><p>商机合同占比</p> </div>
                        <div style="width: 100%;height: 300px;" id="opportunityContract"></div>
                    </div>
                </div>

                <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 20px">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="z-index: 99;margin-top: 15px;padding-left: 0;">
                        <div class="timeList pull-left">
                            <div class="time-search">
                                <input type="hidden" id="percentTypeDataType" name="percentTypeDataType" value="all"/>
                                <div class="percentTypeAll active-second" onclick="typeSelectTime('all')">全部</div>
                                <div class="percentTypeTopMonth" onclick="typeSelectTime('topMonth')">上月</div>
                                <div class="percentTypeMonth" onclick="typeSelectTime('month')">本月</div>
                                <div class="percentTypeWeek" onclick="typeSelectTime('week')">本周</div>
                            </div>
                        </div>
                    </div>
<!--                    商机合同类型比例-->
                    <div class="clearfix"></div>
                    <div class="analy-entire" style="height: 360px">
                        <div class="customer-rate-center"><p>商机合同类型比例</p> </div>
                        <div style="width: 100%;height: 300px;" id="opportunityContractType"></div>
                    </div>

                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top: 20px">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="z-index: 99;margin-top: 15px;padding-left: 0;">
                        <div class="timeList pull-left">
                            <div class="time-search">
                                <input type="hidden" id="percentDealDataType" name="percentDealDataType" value="all"/>
                                <div class="percentDealAll active-second" onclick="percentDealSelectTime('all')">全部</div>
                                <div class="percentDealTopMonth" onclick="percentDealSelectTime('topMonth')">上月</div>
                                <div class="percentDealMonth" onclick="percentDealSelectTime('month')">本月</div>
                                <div class="percentDealWeek" onclick="percentDealSelectTime('week')">本周</div>
                            </div>
                        </div>
                    </div>
<!--                    商机成交比例-->
                    <div class="clearfix"></div>
                    <div class="analy-entire" style="height: 360px">
                        <div class="customer-rate-center"><p>商机成交比例</p> </div>
                        <div style="width: 100%;height: 300px;" id="businessOpportunity"></div>
                    </div>
                </div>
                <div class="form-group col-lg-8 col-md-8 col-sm-12 col-xs-12">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left: 0;">
                        <div class="timeList pull-left">
                            <div class="time-search">
                                <input type="hidden" id="businessTableDataType" name="businessTableDataType" value="all"/>
                                <div class="businessTableAll active-second" onclick="businessTableSelectTime('all')">全部</div>
                                <div class="businessTableTopMonth" onclick="businessTableSelectTime('topMonth')">上月</div>
                                <div class="businessTableMonth" onclick="businessTableSelectTime('month')">本月</div>
                                <div class="businessTableWeek" onclick="businessTableSelectTime('week')">本周</div>
                            </div>
                        </div>
                    </div>
                    <table id="businessTable" style="height: 360px"></table>
                </div>
                <div class="form-group col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0">
                        <div class="timeList pull-left">
                            <div class="time-search">
                                <input type="hidden" id="rank" name="rank" value="win"/>
                                <div class="winRank active-second" onclick="rankSelect('win')">赢单排行</div>
                                <div class="allRank" onclick="rankSelect('all')">总数排行</div>
                        </div>
                    </div>

                    <div class="clearfix"></div>
                    <div class="analy-entire-w" style="min-height: 360px;margin-top: 15px;">
                        <div class="customer-rate-center"><p>商机拥有排名数</p> </div>
                        <ul id="rankList">
                            <li>
                                <div class="pankImg">
                                    <img src="" alt="">
                                </div>
                                <div class="rankMess">
                                    <span>赢单商机：<i>2000</i></span>
                                    <span>商机总数：<i>2000</i></span>
                                </div>
                            </li>
                            <li>
                                <div class="pankImg">
                                    <img src="" alt="">
                                </div>
                                <div class="rankMess">
                                    <span>赢单商机：<i>2000</i></span>
                                    <span>商机总数：<i>2000</i></span>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    </div>

</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->
<script src="/js/jquery-tags-input/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script src="/js/crm/opportunityManager/opportunityData.js"></script>
</html>